<template>
  <div class="manage">
    <van-nav-bar title="管理收获地址" left-arrow @click-left="back" />
    <van-address-list
      v-model="chosenAddressId"
      :list="list"
      @add="onAdd"
      @edit="onEdit"
    />
  </div>
</template>

<script>
export default {
    data() {
    return {
      chosenAddressId: '1',
      list: [
        {
          id: '1',
          name: '张三',
          tel: '13000000000',
          address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室'
        },
        {
          id: '2',
          name: '李四',
          tel: '1310000000',
          address: '浙江省杭州市拱墅区莫干山路 50 号'
        }
      ],
    }
  },

  methods: {
    onAdd() {
      this.$router.push("/insertaddress");
    },
    
    onEdit(item, index) {
    //   this.$toast('编辑地址:' + index);
      this.$router.push("/updateaddress");
    },
    back(){
        this.$router.go(-1);
    }
  }
};
</script>

<style scoped>
.van-icon {
  color: #333;
  font-size: 36px;
}
.van-ellipsis {
  font-size: 30px;
}
/deep/.van-address-item .van-radio__icon--checked .van-icon{
    background: #000;
    border-color: #000;
}
.van-button--danger{
    background: #000;
    border-color: #000;
}
</style>